<%--
  Created by IntelliJ IDEA.
  User: ravi
  Date: 7/18/12
  Time: 6:54 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/include/taglibs.jsp"%>
<%--@elvariable id="actionBean" type="com.depo.quiggle.view.controller.BillingPayableAction"--%>
<%-- basheers code added by srikanth start --%>
        
		<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/billing-payable.css" />
		<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/billing.css" />
		<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/demo_page.css" />
		<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/demo_table.css" />
		<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/jquery/overcast/jquery-ui-1.8.21.custom.css" />
	    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui.min-1.8.21.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-timepicker-addon-1.0.1.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-sliderAccess-1.0.1.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/billing.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.dataTables.js"></script>
		<script type="text/javascript">
    $(document).ready(function () {

  $("#instructionsHideLink").live("click",function(){

	  $("#contentIns").hide();
	  $("#instrutionsSpan").html("<a title='click here to show the instructions' id='instructionsShowLink' style='background:#E3F2FF;' href='javascript:{}'><img  id='instructionsDownarrowimg' src='images/downarrow.png' width='10' height='9' alt='Hide' /></a>");
	});
						

	$("#instructionsShowLink").live("click",function(){
	  $("#contentIns").show();
	  $("#instrutionsSpan").html("<a title='click here to hide the instructions' id='instructionsHideLink' style='background:#E3F2FF;' href='javascript:{}'><img  id='instructionsuparrowimg' src='images/uparrow.png' width='10' height='9' alt='Hide' /></a>");

	});

        $("#helpContent").hide();
        $(function () {
            $("#close").click(function () {

                $("#helpContent").hide(500);
              
            });
            $("#slidebutton").click(function () {
                $("#helpContent").show(500);
             
            });
         
        });
		
	
    });
	

	</script>
        <%-- basheers code added by srikanth end --%>
